<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/_reset.css" />
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="layui/css/layui.css" />
		<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
	</head>

	<body style="overflow-x: hidden;">
		<div class="index row">
			<div class="container-fluid">
				<div class="search row">
					<input type="text" name="" id="" value="" placeholder="请输入搜索内容" class="col-xs-9" />
					<button class="col-xs-3">搜索</button>
					<i class="iconfont icon-sousuo"></i>
				</div>
				<div class="bann">
					<img src="img/banner.png" />
				</div>
				<div class="section">
					<div class="class">
						<ul class="row">
							<li class="col-xs-3">
								<a href="javasrcip:;">
									<div>
										<i class="iconfont">&#xe604;</i>
									</div>
									<p>水族类</p>
								</a>
							</li>
							<li class="col-xs-3">
								<a href="javasrcip:;">
									<div><i class="iconfont">&#xe627;</i></div>
									<p>宠物类</p>
								</a>
							</li>
							<li class="col-xs-3">
								<a href="javasrcip:;">
									<div><i class="iconfont">&#xe60e;</i></div>
									<p>专柜申请</p>
								</a>
							</li>
							<li class="col-xs-3">
								<a href="javasrcip:;">
									<div><i class="iconfont">&#xe61b;</i></div>
									<p>合伙人申请</p>
								</a>
							</li>
						</ul>
					</div>
					<div class="tuangou">
						<h3>团购</h3>
						<ul class="row">
							<li class="col-xs-4">
								<a href="group.html">
									<div class="img">
										<img src="img/ig.png" />
									<p>倒计时: <span>05</span>: <span>06</span>: <span>08</span></p>
									</div>
									<div class="tx">
										<p>鱼纲是指倾城也</p>
										<p>
											<span>￥15.00</span>
										</p>
										<p><span>818人参加活动</span></p>
									</div>
								</a>
							</li>
							<li class="col-xs-4">
								<a href="group.html">
									<div class="img">
										<img src="img/ig.png" />
									<p>倒计时: <span>05</span>: <span>06</span>: <span>08</span></p>
									</div>
									<div class="tx">
										<p>鱼纲是指倾城也</p>
										<p>
											<span>￥15.00</span>
										</p>
										<p><span>818人参加活动</span></p>
									</div>
								</a>
							</li>
							<li class="col-xs-4">
								<a href="group.html ">
									<div class="img">
										<img src="img/ig.png" />
									</div>
									<div class="tx">
										<p>鱼纲是指倾城也</p>
										<p>
											<span>￥15.00</span>
										</p>
										<p><span>818人参加活动</span></p>
									</div>
								</a>
							</li>
						</ul>
					</div>
					<div class="guanggao">
						<h3>广告</h3>
						<div class="row box">
							<div class="col-xs-5">
								<img src="img/ban-le.png"/>
							</div>
							<div class="col-xs-6">
								<div class="row">
									<div class="col-xs-12">
										<img src="img/banner.png"/>
									</div>
									<div class="col-xs-6">
										<img src="img/ban-le.png"/>
									</div>
									
									<div class="col-xs-6">
										<img src="img/ban-le.png"/>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="newest">
						<h3>最新上架</h3>
						<ul>
							<li>
								<a href="#">
									<img src="img/banner.png"/>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="img/banner.png"/>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="img/banner.png"/>
								</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="footer">
				<ul>
					<li class="col-xs-2 active">
						<a href="index.html">
							<i class="iconfont icon-shouye"></i> 首页
						</a>
					</li>
					<li class="col-xs-2">
						<a href="classcation.html">
							<i class="iconfont icon-icon"></i> 分类
						</a>
					</li>
					<li class="col-xs-2">
						<a href="custom.html"><i class="iconfont icon-service"></i>客服
						</a>
					</li>
					<li class="col-xs-2">
						<a href="shop.html"><i class="iconfont icon-cart1"></i> 购物车
						</a>
					</li>
					<li class="col-xs-2">
						<a href="home.html"><i class="iconfont icon-wode"></i> 我的
						</a>
					</li>
				</ul>
			</div>
		</div>
	</body>
	<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/iconfont.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		$(".class ul li a div").height($(".class ul li a div").width() + "px")
		$(".class ul li a div").css("line-height", $(".class ul li a div").height() + "px")
	</script>

</html>